@import '../../../themes/mixins/loading-spinner';
@import '../../../themes/mixins/error-message';
@import '../../../themes/mixins/link';

.instructionsContentWrapper {
  color: var(--theme-dialog-text-color);
  font-family: var(--font-light);

  .subtitle {
    line-height: 1.38;
  }

  .subtitle2 {
    font-family: var(--font-medium);
    line-height: 1.38;
  }

  .instructionsList {
    border-top: 1px solid var(--theme-dialog-border-color);
    margin-top: 20px;

    .link,
    .instructionsListLabel {
      font-family: var(--font-medium);
      font-weight: 500;
      margin-top: 20px;
    }

    .link {
      border-color: var(
        --theme-paper-wallet-create-certificate-dialog-explorer-link-color
      );
      color: var(
        --theme-paper-wallet-create-certificate-dialog-explorer-link-color
      );
      font-size: 16px;
      word-break: break-word;
      &:after {
        background-color: var(
          --theme-paper-wallet-create-certificate-dialog-explorer-link-color
        );
      }
    }

    ul {
      list-style: initial;
      margin: 11px 0 0 20px;
    }

    li {
      line-height: 1.38;
      margin-bottom: 6px;
    }
  }

  .printingInstructions {
    border-top: 1px solid var(--theme-dialog-border-color);
    line-height: 1.38;
    margin-top: 20px;
    padding-bottom: 0;
    padding-top: 20px;

    strong {
      font-family: var(--font-medium);
    }
  }
}

.error {
  @include error-message;
  margin-top: 20px;
  text-align: center;
}

.submitButtonSpinning {
  box-shadow: none !important;
  @include loading-spinner('../../../assets/images/spinner-light.svg');
}
